import React from 'react'
import {SwiperWrapper} from './styledBuy'
import Swiper from '@/components/swiper/Swiper'
import banner from '@/assets/images/banner.png'

function BuySwiper(props) {
    const renderFullWidthItem=(item,index)=>{
        return(
            <div className='package-car-img'>
                <img src={banner} width="100%" />
            </div>
        )
    }

    const dataSource=[
        {
            img:'swiper1',
            path:'/abc/def'
        },
        {
            img:'swiper2',
            path:'/abl/dejf'
        },
        {
            img:'swiper3',
            path:'/abcl/delf'
        }
    ]

    const itemClick=((item,index)=>{
        console.log(item.path);
    })
    return (
        <SwiperWrapper>
            <Swiper
              wrapperClass="wrapperClass"
              itemClass="itemClass"
              itemWidth="100%"
              curIdx={1}
              dataList={dataSource}
              activeClass="active"
              renderItem={renderFullWidthItem}
              itemClick={itemClick}
            ></Swiper>
        </SwiperWrapper>
    )
}
export default  BuySwiper